<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:a4j="http://richfaces.org/a4j">

<head>
<title>Socrates Team | Sistema de Intercambios.</title>

<!-- CSS -->
<link rel="stylesheet" href="../../common/css/style.css" type="text/css" />
<link rel="stylesheet" href="../../common/css/galleriffic-2.css" type="text/css" />

<!-- FAVICON -->
<link rel="shortcut icon" type="../../common/image/x-icon" href="favicon.ico" />
<link rel="icon" type="../../common/image/x-icon" href="favicon.ico" />
</head>

<body>
	<f:view>
	<!-- CONTAINER -->
	<div class="container">

		<!-- CONTACT  -->
		<div id="contact">
			<!-- LOGO + NAV  -->
			<div class="logo" id="top">
				<img src="../../common/images/logo.gif" alt="logo" />
			</div>
			
			<div class="TopNavigation">
				<ul class="nav">
					<li class="inicio"><a href="pages/web/index.html">Inicio</a></li>
					<li class="login active">Login</li>
					<li class="compras"><a href="pages/web/compras.xhtml">Compras</a></li>
					<li class="publicaciones"><a href="pages/web/publicaciones.xhtml">Publicaciones</a></li>
				</ul>

			</div>
			<!-- END LOGO + NAV  -->
	
			<h2>Login</h2>
	
			<p>
				Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sem justo, molestie nec tempor non, adipiscing tristique turpis. 
				Phasellus laoreet faucibus pellentesque. Nulla condimentum ligula euismod nisi accumsan sagittis vitae a turpis. Morbi feugiat commodo nisl, 
				quis pharetra velit venenatis id.
			</p>
			
			<!-- FORM -->
			<div id="form">
				<form id="ajax-contact-form" action="javascript:alert('success!');">
					<fieldset class="info_fieldset">
						<div id="note"></div>
						<div>
							<label>Usuario</label><br/>
							<input class="textbox" type="text" name="name" value="" /><br />
							<label>Contraseña</label><br/>
							<input class="textbox" type="text" name="email" value="" /><br />
							<label>&nbsp;</label><br/>
							<input class="button" type="image" src="../../common/images/send.gif" id="submit" value="Aceptar" />	
						</div>
					</fieldset>
				</form>
			</div>
			<!-- END FORM -->
			
			<div class="clearer"></div>
		</div>
		<!-- END CONTACT  -->
		<!-- FOOTER  -->
		<p class="footer">
			Copyright &copy; 2012 Socrates Team. All Rights Reserved.
		</p>
		<!-- END FOOTER -->
		
	</div>
	<!-- END CONTAINER -->
</f:view>
</body>
</html>